(function($) {
    'use strict';
  
    $(function() {
        let newsList = [
            {
                title: '《千腾纪元》最全英雄图鉴——SSS篇',
                time: '2020年7月30日',
                type: 1,
                id:'1',
                content: [
                    {
                       text: '不同英雄拥有不同的属性和技能，那么《千腾纪元》一共有哪些稀有英雄呢？其各自具备哪些技能和属性呢？下面小编将带来英雄大全（SSS篇），希望对各位畅玩《千腾纪元》有所帮助'
                    },
                    {
                        text: '名称：卡梅丽塔 职业：步兵战士 携带兵种：重装步兵 技能：盾击、烈焰斩',
                        img: './img/detailsImg/kmlt.png'
                    },
                    {
                        text: '名称：迪尔德丽 职业：步兵战士 携带兵种：蛮斗士 技能：四连斩',
                        img: './img/detailsImg/dedl.png'
                    },
                    {
                        text: '名称：康西卡奥 职业：枪兵统帅 携带兵种：长枪兵 技能：突刺、千军破',
                        img: './img/detailsImg/kxka.png'
                    },
                    {
                        text: '名称：英格拉姆 职业：枪兵统帅 携带兵种：近卫军 技能：重击、极限防卫Ⅰ',
                        img: './img/detailsImg/yglm.png'
                    },
                    {
                        text: '名称：巴萨罗穆 职业：骑士统领 携带兵种：重骑兵 技能：冲撞、冲锋',
                        img: './img/detailsImg/bslm.png'
                    },
                    {
                        text: '名称：名称：真·马索科 职业：骑士统领 携带兵种：龙骑兵 技能：冲锋、全军突击Ⅰ',
                        img: './img/detailsImg/zmsk.png'
                    },
                    {
                        text: '名称：苏茉拉 职业：射手 携带兵种：神射手 技能：箭雨',
                        img: './img/detailsImg/sml.png'
                    },
                    {
                        text: '名称：法哈德 职业：射手 携带兵种：弩车 技能：贯穿击',
                        img: './img/detailsImg/fhd.png'
                    },
                    {
                        text: '名称：萨丽塔 职业：魔导士 携带兵种：魔法师 技能：冰锥、暴风雪',
                        img: './img/detailsImg/slt.png'
                    },
                    {
                        text: '名称：贝弗丽 职业：魔导士 携带兵种：魔法师 技能：火球术、陨石',
                        img: './img/detailsImg/bfl.png'
                    },
                    {
                        text: '名称：雷诺兹 职业：魔导士 携带兵种：魔法师 技能：风刃、龙卷风',
                        img: './img/detailsImg/lnz.png'
                    },
                    {
                        text: '名称：玛柯拉达 职业：魔导士 携带兵种：魔法师 技能：闪电术、闪电风暴',
                        img: './img/detailsImg/mkld.png'
                    },
                    {
                        text: '名称：成坤 职业：圣者 携带兵种：圣战士 技能：圣临、祷告石',
                        img: './img/detailsImg/ck.png'
                    },
                    {
                        text: '名称：厄玛 职业：圣者 携带兵种：圣战士 技能：回复Ⅰ',
                        img: './img/detailsImg/em.png'
                    },
                    {
                        text: '名称：桑娅 职业：圣者 携带兵种：圣战士 技能：赐福Ⅰ',
                        img: './img/detailsImg/sy.png'
                    },
                    {
                        text: '名称：麦琪 职业：亡灵 携带兵种：僵尸 天赋：尸气侵蚀',
                        img: './img/detailsImg/mq.png'
                    },
                    {
                        text: '名称：德里沃 职业：亡灵 携带兵种：幽灵 技能：龙卷风Ⅰ',
                        img: './img/detailsImg/dlw.png'
                    },
                    {
                        text: ' 以上就是小编为大家带来《千腾纪元》英雄图鉴（SSS篇）的全部内容了，想要了解跟更多有关资讯的小伙伴请千万不要错过公众号的后续内容！'
                    }
                ]
            },
            {
                title: '《千腾纪元》不删档内测启动就在今日！',
                time: '2020年7月1日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/2-1.png'
                    },
                    {
                        text: '《千腾纪元》不删档内测火热来袭！'
                    },
                    {
                        text: '引燃盛夏7月！'
                    },
                    {
                        text: '用实力碾压对手'
                    },
                    {
                        text: '用激情引爆战场'
                    },
                    {
                        text: '给你最酣畅淋漓的战斗体验'
                    },
                    {
                        text: '让肾上腺素飙升的感官刺激'
                    },
                    {
                        text: '一腔热血  初心不变'
                    },
                    {
                        text: '驭龙有术  豪情无边'
                    },
                    {
                        text: '向前！向前！'
                    },
                    {
                        text: '与你一同开创纪元！'
                    }
                ]
            },
            {
                title: 'SGT钱包与《千腾纪元》对接在即',
                time: '2020年4月23日',
                content:[
                    {
                        text: '自SGT钱包3月4日正式上线以来，SGT钱包开发组聆听用户心声，不断优化改善钱包功能，着力提高用户体验，钱包运行已进入平稳快速增长阶段，注册用户突破53000人。'
                    },
                    {
                        text: '《千腾纪元》游戏研发部各组正按原定计划有条不紊对游戏进行开发，将于6月底上线。两部门对接在即，预计将于5月内进行。'
                    },
                    {
                        text: '截至目前，SGT钱包开发组已完成了游戏充值SDK封装，并将在对接后为《千腾纪元》游戏研发部开发人员提供游戏内查询SGT人民币价格的接口，《千腾纪元》游戏研发部开发人员也已做好调用准备，最终将实现《千腾纪元》游戏内SGT充值的实时到账。'
                    },
                    {
                        text: '千腾科技十分感谢各位用户、玩家和投资者的长期关注与厚爱，同时也不忘所有员工的辛勤努力和付出奉献。该接口的打通不仅意味着游戏制作进入攻坚决胜期，也意味着千腾科技的发展步调迈入一个崭新的频道。'
                    },
                    {
                        text: '游戏研发部与DApp研发部双轨并线，强强联手，其余各部门通力合作，全力配合，千腾科技一定将为用户和玩家呈现一份诚意满满的优秀作品。',
                        img: './img/detailsImg/3-1.png'
                    },
                    {
                        text: '铁骑践踏过战火纷飞横扫诡谲大陆，爱恨纠缠在刀光剑影下难寻踪迹，众生在混沌乱世中沉浮飘零。是拯救苍生？还是偏安一隅？'
                    },
                    {
                        text: ' 6月，我在《千腾纪元》等你。'
                    }
                ]
            },
            {
                title: '「千腾」游戏背后的故事——策划',
                    time:'2020年3月26日',
                    content: [
                        {
                            text: '',
                            img: './img/detailsImg/4-1.png'
                         },
                         {
                             text: '主要工作是编写游戏背景故事，制定游戏规则，设计游戏交互环节，计算游戏公式，以及整个游戏世界的一切细节等。'
                         },
                         {
                             text: '1.确定游戏项目类型'
                         },
                         {
                             text: '我们可以将策划游戏视为修建房子的过程，在动土修建之前，设计者首先需要确定目标建筑物的类型。游戏制作同样如此，游戏制作人需要在项目成立之初，进行市场调研，确定目标用户，然后结合本公司实际需求和经营现状确定最终游戏项目类型——区块链回合制手游。',
                             img: './img/detailsImg/4-2.png'
                         },
                         {
                             text: '2.游戏风格和表现手法的确定'
                         },
                         {
                             text: '视觉是人和动物最重要的感觉，一位玩家进入游戏看到的第一眼是游戏的风格，我们需要将游戏风格通过造型、颜色等展现出来，直达视觉感官，运用视觉艺术，使玩家视觉感官受到深刻影响，给玩家留下深刻印象，造成强烈的视觉冲击。因此游戏风格的确立需要游戏策划，游戏美术和游戏程序一同进行讨论，最终我们确立了欧美中世纪写实风格的游戏风格。',
                             img: './img/detailsImg/4-3.png'
                         },
                         {
                             text: '3.游戏需求文档的撰写和跟进执行'
                         },
                         {
                             text: '游戏策划需要厘清游戏脉络，特别是各个系统间的逻辑关系，然后策划团队内部对游戏需求的整体分工，策划撰写自己负责部分的程序文档和美术文档分别给对应部门同事进行消化阅读，讨论确定。在之后实现需求的游戏制作过程中，策划需要对自己负责的文档内容进行跟进，频繁与程序、美术同事进行沟通交流，直至制作内容符合文档需求。',
                             img: './img/detailsImg/4-4.png'
                         },
                         {
                             text: '4.游戏验收'
                         },
                         {
                            text: '一个游戏系统制作出来后，游戏策划需要对其进行验收，然后撰写验收文档给测试部门由专门的测试同事进行全方位更加详尽细致的验收，若验收通过，则该系统即告完成。若验收不通过，策划需要配合测试同事一同指出该系统的不足之处，确立修改方案，由程序或者美术同事进行针对性修改。'
                        },
                        {
                            text: '5.游戏更新和迭代'
                        },
                        {
                            text: '游戏上线以后，策划需要负责游戏的后续更新和迭代，不断完善游戏内容，增加游戏活动，吸引新玩家，维持老玩家，丰富玩家体验。'
                        }
                    ]
            },
            {
                title: '「千腾」游戏背后的故事——H5游戏开发',
                time: '2020年3月23日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/5-1.png'
                    },
                    {
                        text: 'H5即表示Html5，就是移动端的web页面，是一系列制作网页互动效果的技术集合。'
                    },
                    {
                        text: 'H5即表示Html5，就是移动端的web页面，是一系列制作网页互动效果的技术集合。相较于之前的版本，新标签Canvas的加入使JavaScript可以在上面绘制各种表格、动画图片，也正式将H5游戏发展起来。'
                    },
                    {
                        text: '设计一款游戏，首先要确定游戏的基本玩法，例如保卫萝卜的塔防玩法，开心消消乐的三消玩法，这些作为一款游戏的核心玩法，在游戏开发过程中，是极其重要也是恒久不变的，今天简单介绍一下我司小游戏「登上云端」的设计开发过程。'
                    },
                    {
                        text: '该款游戏的玩法思路来源于Nexile设计的一款叫做JumpKing的游戏，它的玩法一目了然，就是不停向上跳跃，通过跳上一个个大小距离各异的平台最终登顶取得胜利。'
                    },
                    {
                        text: '原型确定后，需要根据操作平台，游戏受众做一定修改。首先，本款游戏主要面向的平台是移动端，那就需要省去原型游戏中需要键盘操作的部分，将原作调整方向的方式修改成滑动鼠标或者滑动屏幕的操作。考虑大多数玩家的喜好，我们延续原版“一落到底”的形式，并在保留一部分原型特色的情况下加以更新。我们将原游戏的平台设计成固定大小和形状，同时将玩家控制对象做成球形，用于实现原型中的滑落情况。我们将蓄力跳跃作为它最大特色，本款游戏决定保留，但为简化操作降低难度，添加蓄力条。'
                    }
                ]
            },
            {
                title: '定了！《千腾纪元》！',
                time: '2020年3月17日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/6-1.png'
                    },
                    {
                        text: '愿与您共创游戏新世界',
                        img: ''
                    },
                    {
                        text: '2020年6月',
                        img: ''
                    },
                    {
                        text: '我在《千腾纪元》等您',
                        img: ''
                    },
                ]
            },
            {
                title: '「千腾」骑士马索科人物小传',
                time: '2020年2月19日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/7-1.png'
                    },
                    {
                        text: '当你在黑暗中渴望安宁，就会坠落进更深的苦难。'
                    },
                    {
                        text: '马索科是一位骑士，准确的说，是一位受人尊敬的、谁看都觉得足够正派的骑士。'
                    },
                    {
                        text: '但是有时候，人或许不应当盲目相信自己的眼睛或是感受，当所有人想当然的认为跟随在坦比希伯爵身旁，为坦比希伯爵‘开疆扩土’的这位英勇的骑士应该是哪个贵族千金难换、光耀门楣的子嗣时，没有人能想象得到马索科的童年生活在大陆极恶的底层。'
                    },
                    {
                        text: '他虽然不曾为自己的出身遮掩，但是却也感觉得到自己所忠实的主人对鲁尔人的嫌恶'
                    },
                    {
                        text: '在鲁尔人北越的频率越发频繁的时候，马索科曾尝试和那些近乎疯狂的鲁尔同伴交流，但是晦涩的语言和支离破碎的惊惧之辞，只是让鲁尔人在北洛蒙奇这些徒然拿着武器的军官眼中看上去更像疯子'
                    },
                    {
                        text: '马索科一从这些碎片化的消息中拼凑出什么，心底那些最黑暗的记忆就会涌现，他多次以为自己已经可以支配恐惧，但是关于鲁尔王国所发生的一切，都让他本能的抗拒。'
                    },
                    {
                        text: '马索科告诉自己，自己所做之事都是对的，但无法减轻他分毫罪恶感的是——下一次仍会再次举起挥向同胞的利刃。'
                    }
                ]
            },
            {
                title:'「千腾」游戏背后的故事——游戏音效设计',
                time: '2020年1月17日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/8-1.png'
                    },
                    {
                        text: '一、游戏声音设计行业现状'
                    },
                    {
                        text: '该行业产生于97、98年，从业者以台湾人为主。游戏后期声音制作行业在05、06年正式起步，到目前为止，游戏后期声音制作主要服务于两种游戏：一个是网络游戏，一个是手机游戏。'
                    },
                    {
                        text: ' 游戏声音设计行业人才非常紧缺，主要缺两大类人才：专家和毕业生。大胆估计全国游戏行业里，全职游戏声音设计只有约150人 。'
                    },
                    {
                        text: '二、声音设计原则'
                    },
                    {
                        text: '  声音设计即是要在符合游戏时代背景的框架上，制作相应的游戏风格声音。'
                    },
                    {
                        text: '根据游戏风格的不同，制作符合游戏主题与世界观的声音，让玩家沉浸在我们营造的氛围中，使听者产生预期听觉情绪预体验，从而获得代入感。'
                    },
                    {
                        text: '三、声音设计分类'
                    },
                    {
                        text: '从技术和应用角度讲，游戏声音设计主要分为音乐设计与音效设计，本次主要介绍音效设计。'
                    }
                ]
            },
            {
                title: '「千腾」游戏背后的故事——背景介绍二',
                time: '2020年1月17日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/9-1.png'
                    },
                    {
                        text: '喧嚣的国度已经沉默于黑夜之下，狂热的烛焰已经冷寂于灵魂之埃。',
                        img: './img/detailsImg/9-2.jpg'
                    },
                    {
                        text: ' Part 01. 风云骤变'
                    },
                    {
                        text: '在教廷取代神明统管人类本该自由的信仰的时期，洛蒙奇帝国陷入分裂，一个敢于在沉沉黑夜中，抛弃沉重枷锁的王国继承者，因为扣响黎明的窗柩而被迫流放，于是大陆诞生了最极端的两个新国度——'
                    },
                    {
                        text: '  一个是固若金汤的教廷傀儡国，拥有着最易守难攻的地缘优势，在细致的领地分割后，国王已经沦为摆设。'
                    },
                    {
                        text: '一个是零存在感的自由独立国，被严密的军事设施封锁在大陆角落，贫瘠的土地，魔物丛生的密林，使它沦为没有尊卑贵贱的求生的世界。'
                    },
                    {
                        text: 'Part 02. 故事伊始'
                    },
                    {
                        text: '可你会生活在混沌的中心，纷乱的交汇点。'
                    },
                    {
                        text: '出生于北洛蒙奇王国，成为一个看似平平无奇的领主贵族或许并不是你理想中的最佳选择，但正如我们无法选择自己的出身。'
                    },
                    {
                        text: '向前看，你会看清自己的路——并不是由别人所指明，而是由自己扎实的走出的、通向光辉的顶端、熠熠生辉的路。'
                    },
                    {
                        text: 'Part 03. 你的选择'
                    },
                    {
                        text: ' 当神明已经遗忘了千年前的眷顾，当不死不灭的黑暗邪神改头换面再次降临整座大陆，灾难和杀戮伴随着国与国之间的战争汹涌而来，人类是否应该成为自己的信仰？'
                    },
                    {
                        text: '是皈依权力，拥兵自立成为以武力称霸的食物链顶端的王者？'
                    },
                    {
                        text: '还是心向正义，以复兴文明为己任，成为渡万民于苦厄的人神？'
                    }
                ]
            },
            {
                title: '「千腾」游戏背后的故事——背景介绍',
                time: '2020年1月13日',
                content: [
                    {
                        text: '',
                        img: './img/detailsImg/10-1.png'
                    },
                    {
                        text: '喧嚣的国度已经沉默于黑夜之下，狂热的烛焰已经冷寂于灵魂之埃。',
                        img: './img/detailsImg/9-2.jpg'
                    },
                    {
                        text: ' Part 01. 故事起源'
                    },
                    {
                        text: '新世历九纪，摩梭北部寒耶山巅的积雪在盘旋的黑色风暴中开始消融时：曾是圣神仆从的神官在荒瘠的囚牢里奉养邪神，一个世纪间的异教者在南方自立国度受人敬仰，曾执掌繁华，极尽奢靡的帝国从大陆史上以分邦的形态湮灭，而另一支蹄声肃杀的游牧文明接管了霸主的权杖。'
                    },
                    {
                        text: '  在这个时代，在颠倒的光明与黑暗，中心与边缘之间，人类的信仰随之更迭，每个曾为人坚信的符号被重新定义，每个野心勃勃的王国都学会蛰伏，但是战争比任何时候都要激烈，敌人比任何时候都要难以分辨。'
                    },
                    {
                        text: 'Part 02. 安迪亚王国'
                    },
                    {
                        text: '安迪亚王国——诗歌和美酒的畅意国度，年轻人会投身于月信鸟的徽帜，除了每日结束后就拥抱奶酪和红肉的军队训练，王都那些痴缠都显得蹩脚的贵族爱情故事，还有黄昏后，嘈杂的小酒馆里听不完的吟游诗人出品的英雄颂歌。'
                    },
                    {
                        text: 'Part 03. 奥斯特帝国'
                    },
                    {
                        text: '奥斯特帝国——雄踞于亚约河西岸的铁骑帝国，战神维克多会成为年轻人的人生导师，进入帝国最强铁血骑士团而自虐的过程绝对不会寂寞，因为还有无数个每日观赏凌晨三点钟的亚约河的勇士。'
                    },
                    {
                        text: 'Part 04. 埃塔公国'
                    },
                    {
                        text: '埃塔公国——坚韧的魔法师的圣地。他们从小生活在常人所不能理解的世界，魔导师们在大陆任何一本教科书上都有极尽赞誉的描述，在每个呼吸都被魔法赋予韵律的学院生涯中，小魔法师们尝试解构元素的原始震颤，推导古代咒语的咏唱定式，创造并且革新魔法的传承体系。'
                    }
                ]
            },
            {
                title: '「千腾」游戏制作背后的故事——原画',
                time: '2020年1月10日',
                content: [
                    {
                        img: './img/detailsImg/11-1.png'
                    },
                    {
                        text: '原画即是动画创作中一个场景动作之起始与终点的画面，以线条稿的模式画在纸上。'
                    },
                    {
                        text: '游戏原画特指以游戏的内容进行计算机二维创作绘画或手绘制作，并以绘制的设计为基础在后期工序中用三维软件创建虚拟实体化，在编程人员努力后，最终成为游戏组成的一部分。'
                    },
                    {
                        img: './img/detailsImg/11-2.png'
                    },
                    {
                        img: './img/detailsImg/11-3.png'
                    },
                    {
                        img: './img/detailsImg/11-4.png'
                    },
                    {
                        img: './img/detailsImg/11-5.png'
                    }
                ]
            }
        ]
        // let reg = new RegExp("(^|&)" + 'id' + "=([^&]*)(&|$)")
        // let r = window.location.search.match(reg)
        // console.log(r)
        let url = location.search
        let param
        if(url.indexOf("?") != -1){
            param = Number(url.substr(4))-1
        }else{
            param = 0
        }
        $('#detailTitle')[0].textContent = newsList[param].title
        $('#detailTimevalue')[0].textContent = newsList[param].time
        $.each(newsList[param].content, function(k, v) {
            if(newsList[param].content[k].text) {
                let html = `<div class="qt-detail-content-inline">${newsList[param].content[k].text}</div>`
                $('.qt-detail-content-value').append(html)
            }
            if(newsList[param].content[k].img){
                let image = `<div class="qt-detail-content-inline"><img src=${newsList[param].content[k].img} class="qt-detail-content-img"></div>`
                $('.qt-detail-content-value').append(image)
            }
        })
        if($(window).scrollTop()>400){
            $(".qt-top")[0].style.display = 'inline'
        }
        $(window).scroll(function(e) {
            if($(window).scrollTop()>100){
                $(".qt-top").fadeIn(1000)
            }else{
                $(".qt-top").fadeOut(1000)
            }
        })
        $('#gimeItem').mouseenter(function() {
            $(this)[0].src = './img/home/gameCode.png'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/gime.png'
        })
        $('#wxItem').mouseenter(function() {
            $(this)[0].src = './img/home/wxCode.jpg'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/wx.png'
        })
        $('#downloadItem').mouseenter(function() {
            $(this)[0].src = './img/home/download.png'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/logo9.png'
        })
        $('#kfItem').mouseenter(function() {
            $(this)[0].src = './img/home/kfcode.jpg'
        }).mouseleave(function() {
            $(this)[0].src = './img/home/kf.png'
        })
    });
  })(jQuery);
  function goTop() {
    $('body,html').animate({scrollTop:0},1000);
  }
  